<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>购物车</title>
		<link rel="Shortcut Icon" href="http://s.dapuimg.com/favicon.ico" />
		<link rel="stylesheet" href="../css/reset.css">
		<link rel="stylesheet" href="../css/Cart.css">
	</head>

	<body>
		<!-- 头部开始 -->
		<header>
			<p>
				<a href="./../index.html"><img src="http://activity.dapuimg.com/2019082001logo.png" alt=""></a>
			</p>
		</header>
		<!-- 头部结束 -->
		<!-- 头部下标题开始 -->
		<nav>
			<div class="nav_left">我的购物车</div>
			<div class="nav_right">清空购物车</div>
		</nav>
		<!-- 头部下标题结束 -->

		<section class="cartMain">
			<div class="cartMain_hd">
				<ul class="order_lists cartTop">
					<li class="list_chk">
						<input type="checkbox" id="all" class="whole_check">
					</li>
					<li class="list_con">商品信息</li>
					<li class="list_price">商品单价</li>
					<li class="list_amount">商品数量</li>
					<li class="list_sum">小计</li>
					<li class="list_op">操作</li>
				</ul>
			</div>

			<!-- 数据内容开始 -->
			<div class="cartBox">
				<div class="order_content">
					<!-- 第一个数据 -->
					<ul class="order_lists">
						<li class="list_chk">
							<input type="checkbox" id="checkbox_2" class="son_check">

						</li>
						<li class="list_con">
							<div class="list_img"><a href="javascript:;"><img src="http://p2.dapuimg.com/public/images/06/9d/5e/336ddbf22807f6acdc302d85e52950ef.jpg?1582162192#h"
									 alt=""></a></div>
							<div class="list_text">
								<a href="javascript:;">原棉毛巾/三条装【出口日本同款】</a>
								<p>颜色：三条装</p>
							</div>
						</li>
						<li class="list_price">
							<p class="price">￥129</p>
						</li>
						<li class="list_amount">
							<div class="amount_box">
								<a href="javascript:;" class="reduce reSty">-</a>
								<input type="text" value="1" class="sum">
								<a href="javascript:;" class="plus">+</a>
							</div>
						</li>
						<li class="list_sum">
							<p class="sum_price">￥129</p>
						</li>
						<li class="list_op">
							<p class="del"><a href="javascript:;" class="delBtn">
									<button>删除</button></a></p>
						</li>
					</ul>
				</div>
			</div>
			<!-- 第二个数据 -->
			<div class="cartBox">
				<div class="order_content">

					<ul class="order_lists">
						<li class="list_chk">
							<input type="checkbox" id="checkbox_3" class="son_check">

						</li>
						<li class="list_con">
							<div class="list_img"><a href="javascript:;"><img src="http://p2.dapuimg.com/public/images/99/f9/9d/8937d6a57f3ec688138e11a9815ddc73.jpg?1541073271#h"
									 alt=""></a></div>
							<div class="list_text"><a href="javascript:;">婴幼儿针织亚麻凉席两件套</a>
								<p>颜色：浅粉（棉仔）、尺寸：枕片:30cmX45cm</p>
								<p>凉席:60x120cm</p>
							</div>
						</li>
						<li class="list_price">
							<p class="price">￥299</p>
						</li>
						<li class="list_amount">
							<div class="amount_box">
								<a href="javascript:;" class="reduce reSty">-</a>
								<input type="text" value="1" class="sum">
								<a href="javascript:;" class="plus">+</a>
							</div>
						</li>
						<li class="list_sum">
							<p class="sum_price">￥299</p>
						</li>
						<li class="list_op">
							<p class="del"><a href="javascript:;" class="delBtn"> <button>删除</button></a></p>
						</li>
					</ul>
				</div>
			</div>

			<!-- 第三个数据 -->
			<div class="cartBox">
				<div class="order_content">

					<ul class="order_lists">
						<li class="list_chk">
							<input type="checkbox" id="checkbox_6" class="son_check">

						</li>
						<li class="list_con">
							<div class="list_img"><a href="javascript:;"><img src="http://p2.dapuimg.com/public/images/cb/93/27/9188d36a29fe0c187929b8cb4902b151.jpg?1573459246#h"
									 alt=""></a></div>
							<div class="list_text"><a href="javascript:;">DAPU 毛球修剪器</a>
								<p>颜色：绿色</p>
							</div>
						</li>

						<li class="list_price">
							<p class="price">￥99</p>
						</li>
						<li class="list_amount">
							<div class="amount_box">
								<a href="javascript:;" class="reduce reSty">-</a>
								<input type="text" value="1" class="sum">
								<a href="javascript:;" class="plus">+</a>
							</div>
						</li>
						<li class="list_sum">
							<p class="sum_price">￥99</p>
						</li>
						<li class="list_op">
							<p class="del"><a href="javascript:;" class="delBtn"> <button>删除</button></a></p>
						</li>
					</ul>
				</div>
			</div>



			<!-- 数据内容结束 -->
			<!-- 已享受的促销优惠 -->
			<div class="discounts">
				<h3>已享受的促销优惠:</h3>
				<h5>满88包邮</h5>
			</div>

			<!--底部-->
			<div class="bar-wrapper">
				<div class="bar-right">
					<div class="totalMoney">原始金额：<strong class="total_text">0.00</strong></div>
				</div>
			</div>
			<div class="bar-wrapper">
				<div class="bar-right">
					<div class="discounts1">优惠金额：<strong>0.00</strong></div>
				</div>
			</div>
			<div class="bar-wrapper">
				<div class="bar-right">
					<div class="piece">已选商品<strong class="piece_num">0</strong>件</div>
				</div>
			</div>
			<div class="bar-wrapper">
				<div class="bar-right">
					<div class="totalMoney">商品总金额(不含运费)：<strong class="total_text">0.00</strong></div>
				</div>
			</div>
			<div class="bar-wrapper">
				<div class="bar-right">
					<div class="calBtn0"><a href="javascript:;">继续购物</a></div>
					<div class="calBtn"><a href="javascript:;">去结算</a></div>
				</div>
			</div>
		</section>


		<section class="model_bg"></section>
		<section class="my_model">
			<p class="title">删除宝贝<span class="closeModel">X</span></p>
			<p>您确认要删除该宝贝吗？</p>
			<div class="opBtn"><a href="javascript:;" class="dialog-sure">确定</a><a href="javascript:;" class="dialog-close">关闭</a></div>
		</section>
	</body>
	<!-- 购物车js -->
	<script src="../js/cart_jquery.js"></script>
	<script src="../js/carts.js"></script>

</html>
